<template>
    <view class="bg-[#EAEAEA] min-h-screen">

        <view class=" font-medium py-[20rpx] text-center flex items-center justify-center"><text
                class="mr-4">范围：xxxx班级</text><u-icon name="arrow-down" color="#3F3F3F" size="18"></u-icon></view>
        <view class="bg-white  pt-[20rpx] pb-[20rpx] ">


            <view class="border-b border-[#D8D8D8]">
                <view class=" mt-[20rpx] ">
                    <view class="ml-[40rpx] font-bold">查询条件</view>

                </view>
                <view class="pb-[20rpx] text-[34rpx] px-[40rpx]">

                    <view class="mt-[30rpx] flex items-center"><text>性别：</text>
                        <view class="  py-1"><text class="ml-[30rpx]">男</text>
                        </view>
                    </view>
                    <view class="mt-[30rpx] flex items-center"><text>出生年月：</text>
                        <view class=" py-1"><text class="ml-[30rpx]">1990.10.1~2005.10.1</text>
                        </view>
                    </view>
                    <view class="mt-[30rpx] flex items-center"><text>政治面貌：</text>
                        <view class=" py-1"><text class="ml-[30rpx]">党员</text>
                        </view>
                    </view>
                    <view class="mt-[30rpx] flex items-center"><text>类别：</text>
                        <view class=" py-1"><text class="ml-[30rpx]">退休</text>
                        </view>
                    </view>


                </view>
            </view>

            <view class=" mt-[20rpx] ">
                <view class="ml-[40rpx] font-bold">查询结果</view>

            </view>

            <view class="pb-[20rpx] text-[34rpx] px-[40rpx]">

                <view class="mt-[30rpx] flex items-center"><text>总人数：</text>
                    <view class="  py-1"><text class="ml-[30rpx]">235人</text>
                    </view>
                </view>

                <view class="mt-[30rpx] flex items-center"><text>人员列表：</text>
                    <u-search disabled bgColor="#fff" :showAction="false" placeholder="搜索"
                        v-model="course"></u-search>
                </view>
                <view>1、张三 1234</view>

            </view>
        </view>

    </view>
</template>
<script setup>
import { ref } from "vue"
const tabs = ref(0)
const navigateTo = (url) => {
    uni.navigateTo({
        url
    })
}
</script>